.operate_log_container {
  height: calc(100vh - 92px - 24px);
  box-sizing: border-box;
  padding: 12px;
  margin: 12px;
  background-color: #fff;

  :deep(.el-tabs) {
    height: 100%;

    .el-tabs__header {
      margin: 0;
      padding: 0 0 12px 0;
    }

    .el-tabs__content {
      height: calc(100% - 51px);

      .el-tab-pane {
        height: 100%;

        .operate_log,
        .message_log,
        .login_log {
          height: 100%;
          display: flex;
          flex-direction: column;
          row-gap: 5px;

          .table {
            max-height: calc(100% - 66px);
          }

          .pagination {
            display: flex;
            justify-content: flex-end;
          }
        }

        .operate_log {
          .header {
            display: flex;
            column-gap: 5px;
            flex-wrap: wrap;
            row-gap: 5px;
            justify-content: flex-end;

            .el-select {
              width: 128px !important;
            }

            .input {
              width: 188px !important;
            }
          }
        }

        .message_log {
          .header {
            display: flex;
            justify-content: space-between;

            .search {
              display: flex;
              column-gap: 5px;

              .el-select {
                width: 100px;
              }

              .el-input {
                width: 100px;
              }
            }
          }
        }

        .login_log {
          .header {
            display: flex;
            column-gap: 5px;
            justify-content: flex-end;

            .el-input {
              width: 228px;
            }
          }
        }
      }
    }
  }
}

.operate-content {
  height: 100%;
  overflow: auto;
  
  .title {
    color: #606266;
  }

  .param {
    display: flex;
    column-gap: 5px;

  }
}
